<?php session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>拼车520</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="节能,绿色,方便,轻松,环保,拼车,低碳,合法,安全,自由"/>
	<meta name="description" content="拼车520"/>
	
	<link rel="stylesheet" type="text/css" href="css/default.css"/>
	<link rel="stylesheet" type="text/css" href="css/frame.css"/>
	<link rel="stylesheet" type="text/css" href="css/route.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script type="text/javascript" src="scripts/jquery.idTabs.min.js"></script>
</head>

<body>
	<div class="tip">
		您使用的浏览器版本过低，可能会导致您无法正常体验、使用AppCan的相关功能。建议您使用IE7以上版本浏览器或
		<a href="http://www.firefox.com.cn/download/" target="_blank">火狐浏览器</a>、
		<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html" target="_blank">谷歌浏览器</a>
		，给您带来的不便敬请谅解。
		<a class="exit_btn" href="javascript:void(0);" onclick="$('#tip').hide();"></a>
	</div>

	<?php
		require_once("navi.php");
	?>

	<script type="text/javascript">
		$(function(){
			$(".tabNav ul").idTabs("tab1"); 
		});
	</script>

	<div class="action_wrapper">
		<div class="main_action">
			<a href="/make_route.html">发布拼车路线</a>
			<a href="/search_route.html">搜索拼车路线</a>
		</div><!-- end of "action_wrapper" -->
		<div class="weibo">
			<ul>
				<li><a>拼车520官方微博:</a></li>
				<li><a href="#"><div class="sina"></div></a></li>
				<li><a href="#"><div class="qq"></div></a></li>
				<li><a href="#"><div class="sohu"></div></a></li>
				<li><a href="#"><div class="t163"></div></a></li>
			</ul>
		</div><!-- end of "weibo" -->
	</div>
	<div class="clr" ></div>

	<div class="sec_cont">
		<div class="allRouteWrapper">
			<div class="tabNav">
				<ul>
					<li class="nav_title">今日最新线路：</li>
					<li><a href="#tab1" class="selected">北京</a></li>
					<li><a href="#tab2" class="">上海</a></li>
					<li><a href="#tab3" class="">广州</a></li>
					<li><a href="#tab4" class="">深圳</a></li>
				</ul>
				<ul style="float:right;">
					<li><button>更多</button></li>
				</ul>
				<div class="clr" ></div>
			</div><!-- end of "tabNav" -->
								
			<div class="tabItem">
				<div id="tab1" class="tab" style="display: block; ">
					<div id="demo1">
						<div class="routes">
								<div class="route">
									<div class="route_left">
										<div class="route_head">
											<img width="60" height="60" src="/images/head.png">
										</div>
										<div class="route_star">
											<a>111</a>
										</div>
									</div><!-- End for route_head -->
									<div class="route_content">
										<div class="route_line">
												<span>
													<a>丰台区云岗北区东里</a>
												</span>
												<em>
													<img  src="/images/one_line.gif">
												</em>
												<span>
													<a>石景山区八宝山地铁站</a>
												</span>
										</div><!-- End for route_line -->
										
										<div class="route_time">
											<span>
												<a>定期往返线路：</a>
											</span>
											<span>
												<a>周一至周五</a>
											</span>
											<span>
												<a>8:00 ~ 当日16:30</a>
											</span>
										</div><!-- End for route_time -->
										
										<div class="route_info">
											<span>
												<a>已有司机</a>
											</span>
											<span>
												<a>剩余乘客座位：2</a>
											</span>
										</div><!-- End for route_info -->
									</div><!-- End for route_content -->
									
									<div class="route_action">
										<button>加入</button>
										<button>关注</button>
									</div><!-- End for route_action -->
								</div>
								<div class="route"></div>
							</div>
					</div>
				</div>
				
				<div id="tab2" class="tab" style="display: none; ">
					<div id="demo2">
						<h2>Overriding some defaults and binding to multiple lists</h2>
					</div>
				</div>
				
				<div id="tab3" class="tab" style="display: none; ">
					<div id="demo3"></div>
				</div>
				
				<div id="tab4" class="tab" style="display: none; ">
					<div id="demo4">
						<h2>Floating boxes and no number navigation</h2>
					</div>
				</div>
			</div>
		</div><!-- end of "allRouteWrapper" -->
	</div><!-- end of "sec_cont" -->
	
	<script type="text/javascript">
	$('#search_route').addClass('nav_hover');
	if(navigator.userAgent.indexOf("MSIE 6.0")!=-1){
			$('#tip').show();
	}	
	</script>
	
	<?php
		require_once("foot.php");
	?>

</body>
</html>
